<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>查看账单</title>
    <!-- 引入layui 样式-->
    <link rel="stylesheet" href="../../static/layer/css/layui.css"/>
    <style type="text/css">
        .zhangdan-jiben-info {
            width: 100%;
            margin-bottom: 20px;
            padding: 30px 30px;
            box-sizing: border-box;
            background-color: #ffffff;
        }

        .bill-box {
            padding: 15px 0;
            border-bottom: 1px dashed #e6eef6;
        }

        .tab-body {
            background-color: #f4f4f4;
            padding: 20px;
            margin-bottom: 50px;
        }

        .blockquote-bottom {
            width: 100%;
            position: fixed;
            margin: 0;
            bottom: 0;
            left: 0;
            text-align: center;
            background-color: #ffffff;
            border-top: 1px solid #f4f4f4;
            z-index: 2;
        }

        .blockquote-bottom-item {
            margin: 15px 0;
        }

        .layui-form-label1 {
            position: relative;
            float: left;
            display: block;
            padding: 9px 15px;
            width: 120px;
            font-weight: normal;
            line-height: 20px;
            text-align: right;
        }

        .label-money {
            position: absolute;
            top: 10px;
            right: 5px;
            font-size: 14px;
            color: #c5d0da;
        }
    </style>
</head>
<body>
<form class="layui-form">
    <div class="layui-tab layui-tab-brief" lay-filter="contractInfoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this">账单信息</li>
            <li>修改记录</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="tab-body">
                    <div class="charge-box">
                        <!--基本信息-->
                        <div class="zhangdan-jiben-info">
                            <div class="layui-row">
                                <div class="layui-col-xs6">
                                    基本信息
                                </div>
                            </div>
                            <hr>
                            <div class="layui-row">
                                <div class="layui-col-xs6">
                                    <label class="layui-form-label1">签订人</label>
                                    <div class="layui-inline">
                                        <input type="text" name="" id="COMPANY_NAME" lay-verify="title" autocomplete="off"
                                               placeholder="签订人" class="layui-input" readonly>
                                    </div>
                                </div>
                                <div class="layui-col-xs6">
                                    <label class="layui-form-label1">张数</label>
                                    <div class="layui-inline">
                                        <input type="text" name="" id="PARK_CARD" lay-verify="title" autocomplete="off"
                                               placeholder="张数" class="layui-input" readonly>
                                    </div>
                                </div>
                            </div>

                            <br>

                        </div>
                        <!--费用信息-->
                        <div class="zhangdan-jiben-info">
                            <div class="layui-row">
                                <div class="layui-col-xs2">
                                    费用信息
                                </div>
                                <div class="layui-col-xs3">

                                </div>
                            </div>
                            <hr>
                            <div class="layui-row">
                                <div class="zujin">

                                </div>

                            </div>
                            <div class="layui-row">
                                <div class="yajin">

                                </div>
                            </div>
                            <div class="layui-row">
                                <div class="shuifei">

                                </div>
                            </div>
                            <div class="layui-row ">
                                <div class="rqf">

                                </div>
                            </div>
                            <div class="layui-row">
                                <div class="dianfei">

                                </div>
                            </div>
                            <div class="layui-row">
                                <div class="zhinajin">

                                </div>
                            </div>
                            <br>
                            <div class="layui-row ">
                                <div class="sfcbsj">

                                </div>
                                <div class="dbcbsj">

                                </div>
                            </div>

                        </div>


                        <!--上传附件-->
                        <div class="uploadfile"></div>

                        <!--附件地址-->
                        <div class="zhangdan-jiben-info Hidden_note">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>备注</span>
                            </div>
                            <div>
                                <div class="layui-input-block">
                                    <textarea placeholder="请输入内容" name="INFO" id="INFO" class="layui-textarea"></textarea>
                                </div>

                            </div>
                        </div>
                        <!--附件地址-->
                        <!--<div class="zhangdan-jiben-info">
                            <div class="quote-title">
                                <i class="fa fa-circle-o" aria-hidden="true"></i>
                                <span>附件</span>
                            </div>
                            <div>
                                <div class="layui-form-item">
                                    <div class="layui-inline layui-inline-normal attachments">
                                        &lt;!&ndash;<div class="layui-input-inline">
                                            <span>1</span>
                                            <span>附件1</span>
                                            <span>下载</span>
                                        </div>&ndash;&gt;
                                    </div>
                                </div>
                            </div>
                        </div>-->
                        <!--交易明细-->
                        <div class="hide_jymx">

                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="tab-body ">
                    <!--审核人-->
                    <div class="zhangdan-jiben-info">
                        <blockquote class="layui-elem-quote layui-text quote-info">详情:</blockquote>
                        <div class="layui-tab-item layui-show">
                            <div class="quote-info">
                                <table id="historySH"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item operate-button-group blockquote-bottom">
                <div class="blockquote-bottom-item">
                            <span class="submits">
                            </span>
                    <button type="reset" class="layui-btn-small layui-btn-primary cancel">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>
<script type="text/javascript" src="../../static/layer/layui.js"></script>
<script type="text/javascript" src="../../static/js/common/queryUtils.js"></script>
<script type="text/javascript" src="../../static/ujs/contract/bill_check.js"></script>
</body>
</html>